<!DOCTYPE html>
<html lang="zh">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
  <meta name="keywords" content="申请录入">
  <meta name="description" content="申请录入">
  <title>申请录入</title>
  <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-touch-fullscreen" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="default">
  <link rel="stylesheet" type="text/css" href="../css/materialdesignicons.min.css">
  <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
  <!-- 校验样式 -->
  <link rel="stylesheet" type="text/css" href="../js/bootstrap-validator/bootstrapValidator.css">
  <!-- 引入 bootstrap-table 样式 -->
  <link rel="stylesheet" type="text/css" href="../css/style.min.css">
  <link rel="stylesheet" type="text/css" href="../css/form.css">
  <link rel="stylesheet" type="text/css" href="../css/lyear_apply_entering.css">
</head>

<body>
  <div class="container-fluid p-t-15">

    <div class="container-box">

      <!-- 进度 -->
      <div class="schedule-box flex-box">
        <div class="schedule-item select">购机者信息录入</div>
        <div class="schedule-item">补贴机具信息填写</div>
      </div>

      <!-- 购机者信息填写 -->
      <div class="container flex-1 step-1">
        <!-- 人证对比 -->
        <div class="comparison-switch">
          <span>人证比对</span>
          <div class="custom-control custom-switch">
            <input type="checkbox" class="custom-control-input" id="comparisonSwitch"
              onchange="comparisonSwitchFn(this)">
            <label class="custom-control-label" for="comparisonSwitch"></label>
          </div>
        </div>
        <!-- end 人证对比 -->

        <!-- 设备选择 -->
        <div>
          <div class="flex-box justify-content-start align-items-center apparatus-set">
            <div>当前设置的高拍仪或读卡设备：</div>
            <div class="dropdown">
              <a class="dropdown-toggle" href="#!" id="apparatusDropdown" role="button" data-toggle="dropdown"
                aria-haspopup="true" aria-expanded="false">
                禾三高拍仪【HS7323D、H520】
              </a>
              <div class="dropdown-menu apparatus-list" aria-labelledby="apparatusDropdown">
                <!-- <a class="dropdown-item select" href="#!">菜单一</a>
                <a class="dropdown-item" href="#!">菜单二</a>
                <a class="dropdown-item" href="#!">菜单三</a> -->
              </div>
            </div>
            <button type="button" class="btn btn-outline-primary m-l-15">保存更改</button>
          </div>
          <span class="describe-c describe-fs">*设置只作用到当前登录用户，可根据实际情况自主设置。</span>
        </div>
        <!-- end 设备选择 -->

        <!-- 类别切换 -->
        <div class="type-switch ">
          <div class="btn-group b-radius-5">
            <button class="btn btn-default select" value="0" onclick="switchTypeSelect(this)">
              <span class=" b-radius-5">个人</span>
            </button>
            <button class="btn btn-default" value="1" onclick="switchTypeSelect(this)">
              <span class=" b-radius-5">组织</span>
            </button>
          </div>

          <div class="line"></div>

          <button type="button" class="btn btn-outline-primary">读取身份证</button>
        </div>
        <!-- end 类别切换 -->

        <!-- 表单内容 -->
        <form id="firstStepForm" class="el-form">

          <div class="row">

            <div class="col-lg-6">
              <div class="el-form-item is-required">
                <div class="el-form-item__label">姓名：</div>
                <div class="el-form-item__content form-group">
                  <input type="text" name="name" class="form-control mw-260" required data-bv-trigger="blur"
                    data-bv-notempty-message="姓名不能为空" placeholder="请输入姓名">
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item is-required">
                <div class="el-form-item__label">性别：</div>
                <div class="el-form-item__content">
                  <div id="sexSelect" class="xm-select-demo mw-260" style="width: 100%;"></div>
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item is-required">
                <div class="el-form-item__label">身份证号码：</div>
                <div class="el-form-item__content form-group">
                  <input type="text" name="idCrad" class="form-control mw-260" required data-bv-trigger="blur"
                    placeholder="请输入身份证号码">
                  <div class="describe-text describe-c describe-fs lh-normal">如港澳台同胞，请填写‘港澳台居民居住证’的‘公民身份证号码’</div>
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item is-required">
                <div class="el-form-item__label">身份证住址：</div>
                <div class="el-form-item__content form-group">
                  <input type="text" name="idAddress" class="form-control mw-260" required data-bv-trigger="blur"
                    data-bv-notempty-message="身份证住址不能为空" placeholder="请输入身份证住址">
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item is-required">
                <div class="el-form-item__label">现住址：</div>
                <div class="el-form-item__content form-group">
                  <input type="text" name="currentAddress" class="form-control mw-260" required data-bv-trigger="blur"
                    data-bv-notempty-message="现住址不能为空" placeholder="请输入现住址">
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item is-required">
                <div class="el-form-item__label">乡镇：</div>
                <div class="el-form-item__content form-group">
                  <input type="text" name="town" class="form-control mw-260" required data-bv-trigger="blur"
                    data-bv-notempty-message="乡镇不能为空" placeholder="请输入乡镇">
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item is-required">
                <div class="el-form-item__label">一卡通开户行：</div>
                <div class="el-form-item__content form-group">
                  <div id="openingBank" class="xm-select-demo mw-260" style="width: 100%;"></div>
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item is-required">
                <div class="el-form-item__label">一卡通账户：</div>
                <div class="el-form-item__content form-group">
                  <input type="text" name="BankCrad" class="form-control mw-260" required data-bv-trigger="blur"
                    data-bv-notempty-message="一卡通账户不能为空" placeholder="请输入一卡通账户">
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item">
                <div class="el-form-item__label">身份证照片：</div>
                <div class="el-form-item__content form-group">
                  <div id="idCradImg" class="image-box mw-260"></div>
                  <div class="btn-box flex-box mw-260">
                    <div class="btn upload btn-outline-primary">
                      <span class="upload-text">点击上传</span>
                      <input type="file" class="" accept=".jpg,.jpeg,image/jpg,image/jpeg" name="file"
                        onchange="uploadImage(this)" />
                    </div>
                    <button type="button" class="btn btn-outline-primary">点击拍摄</button>
                  </div>
                </div>
              </div>
            </div>

            <div id="headImage" class="col-lg-6">
              <div class="el-form-item">
                <div class="el-form-item__label">头像：</div>
                <div class="el-form-item__content form-group">
                  <div class="image-box mw-260"></div>
                  <div class="btn-box flex-box justify-content-center mw-260">
                    <button type="button" class="btn btn-outline-primary">点击拍摄</button>
                  </div>
                </div>
              </div>
            </div>

            <div id="comparison" class="col-lg-6 hide">
              <div class="el-form-item">
                <div class="el-form-item__label">人证比对：</div>
                <div class="el-form-item__content form-group">
                  <div class="image-box mw-260"></div>
                  <div class="btn-box flex-box justify-content-center mw-260">
                    <button type="button" class="btn btn-outline-primary">开始人证对比</button>
                  </div>
                </div>
              </div>
            </div>

          </div>

        </form>
        <!-- end 表单内容 -->

        <!-- 操作按钮 -->
        <div class="next-step">
          <button type="button" class="btn btn-primary" onclick="nextStep()">下一步</button>
        </div>
      </div>

      <!-- 补贴机具信息填写 -->
      <div class="container flex-1 step-2 hide">

        <!-- 表单内容 -->
        <form id="twoStepForm" class="el-form">

          <div class="row">

            <div class="col-lg-12">
              <div class="el-form-item">
                <div class="el-form-item__label">查找产品条件：</div>
                <div class="el-form-item__content form-group">
                  <div class="flex-box justify-content-start align-items-center flex-wrap">
                    <input type="text" name="factoryName" class="form-control m-r-15 mw-180" required
                      placeholder="请输入生产企业">
                    <input type="text" name="factoryNumber" class="form-control mw-180 m-r-15" required
                      placeholder="请输入出厂编号">
                    <div class="flex-box find-btn align-items-center">
                      <button type="button" class="btn btn-link">精确查找</button>
                      <span></span>
                      <button type="button" class="btn btn-link">批量查找</button>
                    </div>
                  </div>
                  <div class="describe-text describe-c describe-fs lh-normal">*单个产品办理点【精确查找】，多个产品办理点【批量查找】</div>
                </div>
              </div>
            </div>

            <div class="col-lg-12">
              <div class="el-form-item">
                <div class="el-form-item__label">已选择产品：</div>
                <div class="el-form-item__content form-group product-box">
                  <div class="product-total">已选择数量（<span>10</span>）</div>
                  <div class="product-list">

                    <div class="product-item">
                      <div class="product-header">
                        <div class="product-header-icon">
                          <img src="../images/entering/ccbh-icon.png" alt="">
                        </div>
                        <div class="product-header-con">
                          <div>出厂编号[发动机号]：</div>
                          <div class="product-header-text">HH-15（无）</div>
                        </div>
                      </div>
                      <div class="product-content">
                        <div class="">
                          <div>
                            <span class="describe-c">铭牌图片</span>
                            <span class="click-look">点击查看</span>
                          </div>
                          <div>
                            <span class="describe-c">生产日期</span>
                            <span class="">2022年6月1日</span>
                          </div>
                        </div>
                        <div class="">
                          <span class="describe-c">登记证书编号</span>
                          <input type="text" name="productNum1" class="form-control m-r-15 mw-180"
                            placeholder="请输入登记证书编号">
                          <div class="add-comparison">
                            <img src="../images/entering/tjbbd.png">
                            <span>添加并比对</span>
                          </div>
                        </div>
                      </div>
                    </div>

                    <div class="product-item">
                      <div class="product-header">
                        <div class="product-header-icon">
                          <img src="../images/entering/ccbh-icon.png" alt="">
                        </div>
                        <div class="product-header-con">
                          <div>出厂编号[发动机号]：</div>
                          <div class="product-header-text">HH-15（无）</div>
                        </div>
                      </div>
                      <div class="product-content">
                        <div class="">
                          <div>
                            <span class="describe-c">铭牌图片</span>
                            <span class="click-look">点击查看</span>
                          </div>
                          <div>
                            <span class="describe-c">生产日期</span>
                            <span class="">2022年6月1日</span>
                          </div>
                        </div>
                        <div class="">
                          <span class="describe-c">登记证书编号</span>
                          <input type="text" name="productNum1" class="form-control m-r-15 mw-180"
                            placeholder="请输入登记证书编号">
                          <div class="add-comparison">
                            <img src="../images/entering/tjbbd.png">
                            <span>添加并比对</span>
                          </div>
                        </div>
                      </div>
                    </div>

                    <div class="product-item">
                      <div class="product-header">
                        <div class="product-header-icon">
                          <img src="../images/entering/ccbh-icon.png" alt="">
                        </div>
                        <div class="product-header-con">
                          <div>出厂编号[发动机号]：</div>
                          <div class="product-header-text">HH-15（无）</div>
                        </div>
                      </div>
                      <div class="product-content">
                        <div class="">
                          <div>
                            <span class="describe-c">铭牌图片</span>
                            <span class="click-look">点击查看</span>
                          </div>
                          <div>
                            <span class="describe-c">生产日期</span>
                            <span class="">2022年6月1日</span>
                          </div>
                        </div>
                        <div class="">
                          <span class="describe-c">登记证书编号</span>
                          <input type="text" name="productNum1" class="form-control m-r-15 mw-180"
                            placeholder="请输入登记证书编号">
                          <div class="add-comparison">
                            <img src="../images/entering/tjbbd.png">
                            <span>添加并比对</span>
                          </div>
                        </div>
                      </div>
                    </div>

                    <div class="product-item">
                      <div class="product-header">
                        <div class="product-header-icon">
                          <img src="../images/entering/ccbh-icon.png" alt="">
                        </div>
                        <div class="product-header-con">
                          <div>出厂编号[发动机号]：</div>
                          <div class="product-header-text">HH-15（无）</div>
                        </div>
                      </div>
                      <div class="product-content">
                        <div class="">
                          <div>
                            <span class="describe-c">铭牌图片</span>
                            <span class="click-look">点击查看</span>
                          </div>
                          <div>
                            <span class="describe-c">生产日期</span>
                            <span class="">2022年6月1日</span>
                          </div>
                        </div>
                        <div class="">
                          <span class="describe-c">登记证书编号</span>
                          <input type="text" name="productNum1" class="form-control m-r-15 mw-180"
                            placeholder="请输入登记证书编号">
                          <div class="add-comparison">
                            <img src="../images/entering/tjbbd.png">
                            <span>添加并比对</span>
                          </div>
                        </div>
                      </div>
                    </div>

                    <div class="product-item">
                      <div class="product-header">
                        <div class="product-header-icon">
                          <img src="../images/entering/ccbh-icon.png" alt="">
                        </div>
                        <div class="product-header-con">
                          <div>出厂编号[发动机号]：</div>
                          <div class="product-header-text">HH-15（无）</div>
                        </div>
                      </div>
                      <div class="product-content">
                        <div class="">
                          <div>
                            <span class="describe-c">铭牌图片</span>
                            <span class="click-look">点击查看</span>
                          </div>
                          <div>
                            <span class="describe-c">生产日期</span>
                            <span class="">2022年6月1日</span>
                          </div>
                        </div>
                        <div class="">
                          <span class="describe-c">登记证书编号</span>
                          <input type="text" name="productNum1" class="form-control m-r-15 mw-180"
                            placeholder="请输入登记证书编号">
                          <div class="add-comparison">
                            <img src="../images/entering/tjbbd.png">
                            <span>添加并比对</span>
                          </div>
                        </div>
                      </div>
                    </div>

                    <div class="product-item">
                      <div class="product-header">
                        <div class="product-header-icon">
                          <img src="../images/entering/ccbh-icon.png" alt="">
                        </div>
                        <div class="product-header-con">
                          <div>出厂编号[发动机号]：</div>
                          <div class="product-header-text">HH-15（无）</div>
                        </div>
                      </div>
                      <div class="product-content">
                        <div class="">
                          <div>
                            <span class="describe-c">铭牌图片</span>
                            <span class="click-look">点击查看</span>
                          </div>
                          <div>
                            <span class="describe-c">生产日期</span>
                            <span class="">2022年6月1日</span>
                          </div>
                        </div>
                        <div class="">
                          <span class="describe-c">登记证书编号</span>
                          <input type="text" name="productNum1" class="form-control m-r-15 mw-180"
                            placeholder="请输入登记证书编号">
                          <div class="add-comparison">
                            <img src="../images/entering/tjbbd.png">
                            <span>添加并比对</span>
                          </div>
                        </div>
                      </div>
                    </div>

                    <div class="product-item">
                      <div class="product-header">
                        <div class="product-header-icon">
                          <img src="../images/entering/ccbh-icon.png" alt="">
                        </div>
                        <div class="product-header-con">
                          <div>出厂编号[发动机号]：</div>
                          <div class="product-header-text">HH-15（无）</div>
                        </div>
                      </div>
                      <div class="product-content">
                        <div class="">
                          <div>
                            <span class="describe-c">铭牌图片</span>
                            <span class="click-look">点击查看</span>
                          </div>
                          <div>
                            <span class="describe-c">生产日期</span>
                            <span class="">2022年6月1日</span>
                          </div>
                        </div>
                        <div class="">
                          <span class="describe-c">登记证书编号</span>
                          <input type="text" name="productNum1" class="form-control m-r-15 mw-180"
                            placeholder="请输入登记证书编号">
                          <div class="add-comparison">
                            <img src="../images/entering/tjbbd.png">
                            <span>添加并比对</span>
                          </div>
                        </div>
                      </div>
                    </div>

                  </div>
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item">
                <div class="el-form-item__label">机具大类：</div>
                <div class="el-form-item__content form-group">
                  耕整地机械
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item">
                <div class="el-form-item__label">机具小类：</div>
                <div class="el-form-item__content form-group">
                  耕整地机械
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item">
                <div class="el-form-item__label">机具品目：</div>
                <div class="el-form-item__content form-group">
                  铧式犁
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item">
                <div class="el-form-item__label">机具分档：</div>
                <div class="el-form-item__content form-group">
                  单体幅宽35cm及以上，3-4铧翻转犁
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item">
                <div class="el-form-item__label">机具型号：</div>
                <div class="el-form-item__content form-group">
                  H1
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item">
                <div class="el-form-item__label">经销商：</div>
                <div class="el-form-item__content form-group">
                  阿尔斯经销商
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item">
                <div class="el-form-item__label">单机中央补贴(元)：</div>
                <div class="el-form-item__content form-group">
                  H1
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item">
                <div class="el-form-item__label">单机省级补贴(元)：</div>
                <div class="el-form-item__content form-group">
                  <div class="flex-box justify-content-start">
                    <input type="text" name="subsidyP" class="form-control m-r-15 mw-100" required placeholder="补贴金额">
                    <div class="flex-box justify-content-start">
                      <div class="custom-control custom-switch">
                        <input type="checkbox" class="custom-control-input" id="subsidySwitch">
                        <!-- onchange="comparisonSwitchFn(this)" -->
                        <label class="custom-control-label" for="subsidySwitch"></label>
                      </div>
                      <span class="m-l-15">启用补贴</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item">
                <div class="el-form-item__label">购机数量：</div>
                <div class="el-form-item__content form-group">
                  10
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item">
                <div class="el-form-item__label">申请日期：</div>
                <div class="el-form-item__content form-group">
                  <div id="applyTime" class="wrap-time mw-260">
                    <input name="applyTime" type="text" placeholder="请选择申请日期">
                  </div>
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item">
                <div class="el-form-item__label">购机日期：</div>
                <div class="el-form-item__content form-group">
                  <div id="buyTime" class="wrap-time mw-260">
                    <input name="buyTime" type="text" placeholder="请选择购机日期">
                  </div>
                  <div class="describe-text describe-c describe-fs lh-normal">*原则上与发票日期保持一致</div>
                </div>
              </div>
            </div>

            <div class="col-lg-6">
              <div class="el-form-item">
                <div class="el-form-item__label">销售总价格（元）：</div>
                <div class="el-form-item__content form-group">
                  <input type="text" name="salesPrice" class="form-control mw-260" placeholder="请输入销售总价格">
                </div>
              </div>
            </div>

            <div class="col-lg-12">
              <div class="el-form-item">
                <div class="el-form-item__label">发票照片：</div>
                <div class="el-form-item__content form-group">
                  <div class="invoice-list">
                    <div class="invoice-add">
                      <div class="invoice-add-con">
                        <img src="../images/entering/tj.png" alt="">
                        <span>添加发票图片</span>
                        <span class="describe-c describe-fs">*发票范围：10KB至10240KB</span>
                      </div>
                      <input type="file" class="" accept=".jpg,.jpeg,image/jpg,image/jpeg" multiple name="file"
                        onchange="uploadInvoice(this)" />
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="col-lg-12">
              <div class="el-form-item">
                <div class="el-form-item__label">备注：</div>
                <div class="el-form-item__content form-group">
                  <textarea name="remark" class="form-control remark" draggable="false" rows="5" required="required" placeholder="请输入..."></textarea>
                </div>
              </div>
            </div>

            <!-- <div class="col-lg-6">
              <div class="el-form-item is-required">
                <div class="el-form-item__label">身份证照片：</div>
                <div class="el-form-item__content form-group">
                  <div id="idCradImg" class="image-box mw-260"></div>
                  <div class="btn-box flex-box justify-content-around mw-260">
                    <div class="btn upload btn-outline-primary">
                      <span class="upload-text">点击上传</span>
                      <input type="file" class="" accept=".jpg,.jpeg,image/jpg,image/jpeg" name="file" onchange="uploadImage(this)" />
                    </div>
                  </div>
                </div>
              </div>
            </div> -->

          </div>

        </form>
        <!-- end 表单内容 -->

        <!-- 操作按钮 -->
        <div class="next-step">
          <button type="button" class="btn btn-outline-primary m-r-15" onclick="upStep()">上一步</button>
          <button type="button" class="btn btn-primary m-l-15" onclick="saveSubmit()">保存</button>
        </div>
      </div>

    </div>

  </div>
  <script type="text/javascript" src="../js/jquery.min.js"></script>
  <script type="text/javascript" src="../js/popper.min.js"></script>
  <script type="text/javascript" src="../js/bootstrap.min.js"></script>
  <!-- 校验js -->
  <script type="text/javascript" src="../js/bootstrap-validator/bootstrapValidator.js"></script>
  <script type="text/javascript" src="../js/main.min.js"></script>
  <script type="text/javascript" src="../js/xm-select.js"></script>

  <script type="text/javascript" src="../js/jqueryDatePicker/moment.js"></script>
  <script type="text/javascript" src="../js/jqueryDatePicker/jquery-datePicker.min.js"></script>

  <script type="text/javascript" src="../js/form.js"></script>
  <script type="text/javascript" src="../utils/validator.js"></script>
  <script type="text/javascript" src="../utils/preview.js"></script>
  <script type="text/javascript" src="../utils/uploadimg.js"></script>
  <script type="text/javascript" src="../js/lyear_apply_entering.js"></script>
</body>

</html>